//因为weui把我行高改变了
body {
  line-height: 1.15;
  background-color: #ddd;
}

header {
  box-sizing: border-box;
  position: relative;
  background-color: #fff;

  nav {
    margin: 0 5%;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #bbb;

    div {
      border-bottom: 2px solid #AAD9F7;
      line-height: 50px;
      width: 100px;
    }

    button {
      padding: 7px 15px;
      border: none;
      border-radius: 29px;
      background-color: #AAD9F7;
      color: #005177;

      img {
        width: 9px;
      }

    }
  }

}

main {
  background-color: #fff;
  padding: 15px 0 72px 0;

  .content1 {
    padding: 0 5%;

    div {
      img {
        width: 100%;
        height: 100%;
      }
    }

    h1 {
      padding: 0 0 15px 0;
    }

    &>div {
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
      padding-bottom: 15px;

      div {
        width: 100%;
        height: 212px;
        background-color: #e3e3e3;
        background-image: url('../../assets/imgs/图片.png');
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center;
      }

      h2 {
        margin: 15px 0;
        padding: 0 15px;
      }

      p {
        color: #9a9a9a;
        padding: 0 15px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

    }
  }

  .content2 {
    padding: 0 5%;
    margin-top: 30px;

    &>div:nth-child(1) {
      align-items: center;

      .left {
        width: 65px;
        height: 65px;
        background-color: #e3e3e3;
        background-image: url('../../assets/imgs/图片.png');
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: center;
        border-radius: 50%;
        overflow: hidden;

        img {
          width: 65px;
          height: 65px;
        }
      }

      .right {
        margin-left: 10px;

        p {
          color: #9a9a9a;
          margin-top: 5px;
        }
      }
    }

    &>div:nth-child(2) {
      margin-top: 10px;

      p {
        line-height: 22px;
      }

      ul {
        justify-content: space-between;
        flex-wrap: wrap;

        li {
          width: 105px;
          height: 105px;
          background-color: #e3e3e3;
          margin-top: 10px;

          img {
            width: 105px;
            height: 105px;
          }
        }
      }
    }

  }

}